﻿<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>智能家居</title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="智能家居" />
    <meta name="msapplication-TileColor" content="">
    <link rel="stylesheet" href="css/smart_style.css">
    <script src="../../script/TouchSlide.1.1.js"></script>
    <script src="../../script/zepto.min.js"></script>
</head>
<body>
    <div class="header" id="header">
        <a class="new-a-back" onclick="api.closeWin()"><span></span></a>
        <h2>智能家居</h2>
    </div>
    <div id="slideBox" class="slideBox">
        <div class="bd">
            <ul>
                <li><a href="#"><img src="images/temp/ban1.jpg" /></a></li>
                <li><a href="#"><img src="images/temp/ban2.jpg" /></a></li>
                <li><a href="#"><img src="images/temp/ban3.jpg" /></a></li>
                <li><a href="#"><img src="images/temp/ban4.jpg" /></a></li>
            </ul>
        </div>
        <div class="hd"><ul></ul></div>
    </div>
    <ul class="smart_nav" >
        <li><a onclick="mOpenWin('智能净水器','water_Purifier.html')" title="智能净水器"><img src="images/temp/s1.jpg" /></a></li>
        <li><a href="#" title="空气净化器"><img src="images/temp/s2.jpg" /></a></li>
        <li><a href="#" title="家居中心"><img src="images/temp/s3.jpg" /></a></li>
        <li><a href="#" title="智能家电"><img src="images/temp/s4.jpg" /></a></li>
        <li><a href="#" title="产品服务"><img src="images/temp/s5.jpg" /></a></li>
    </ul>
</body>
</html>
<script type="text/javascript">
        function mOpenWin(winname,winurl){
            var openParam = {
                name: winname,
                url: winurl,
                bounces: false,
            }
            api.openWin(openParam);
        }
    $(document).ready(function () {
        TouchSlide({
            slideCell: "#slideBox",
            titCell: ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
            mainCell: ".bd ul",
            effect: "leftLoop",
            autoPage: true,//自动分页
            autoPlay: true //自动播放
        });
    });
</script>